<template>
  <div>
    <video src="http://ldjy.zxcvii.top/file/zb6.mkv" controls class="w100 h-400 bgff" style="border-radius: 20px 20px 0 0;"></video>
    <div class="w100 br-20 bgff p-all-20">
        <div class="w100 rowsb rowsm">
            <div class="fs-12 col888">2024-02-19 | 浏览1659</div>
            <div class="rows rowsm">
                <img src="../../../static/img/icon_h.png" class="w-18 h-18" alt="">
                <div class="fs-14 col888 ml-10">2652</div>
            </div>
        </div>
        <div class="fw-b fs-20 col333 mb-10 mt-10">视频简介</div>
        <div class="fs-16 col666">视频简介:大国工匠课程</div>
    </div>

    <div class="w100 bgff h-500 p-all-20 br-20 mt-20">
        <div class="fs-22 col333 mb-16">评论区</div>
        <div class="w100 h-340" style="overflow: scroll;">
            <div class="rows w100 mb-30" v-for="(item,index) in 0" :key="index">
                <img src="../../../static/img/icon_xtxx.png" class="w-50 h-50 br-25 mr-16" alt="">
                <div class="rowscl">
                    <div class="fs-18 col333 fw-b mb-8">用户昵称</div>
                    <div class="col888 fs-15 mb-8">2022-02-19 10:05</div>
                    <div class="col333 fs-18">好玩吗?值得一去吗?</div>
                </div>
            </div>
        </div>

        <div class="w100 h-60 br-16 pl-20 pr-20 mt-16 rows rowsm" style="background-color: #F7F7F7;">
            <img src="../../../static/img/icon_pl.png" class="w-20 h-20 mr-10" alt="">
            <el-input v-model="unit" placeholder="在这里给TA评论" class="w-400 input"></el-input>

        </div>
    </div>



  </div>
</template>

<script>
export default {
  components: {},
  props: {
    id:{}
  },
  data() {
    return {
      data:{}
    };
  },
  watch: {},
  computed: {},
  methods: {
    getInfo(){
      this.$axios.post('',{}).then(res => {
        if(res.data.code != 200) return this.$notify({
          title: '提示',
          message: res.data.msg
        });
        // let {data} = res.data
      })
    }
  },
  created() {
    this.getInfo()
  },
  mounted() {}
};
</script>
<style lang="scss" scoped>
  .input /deep/ .el-input__inner  {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
  }
</style>